<template>
  <div class="app-container">
    <el-dialog
      :visible="visible"
      :title="$t('harvestLang.packingList')"
      width="80%"
      @close="close"
      @closed="closed"
    >
      <!-- 装箱清单 -->
      <el-table :data="orderboxdata" border class="mt-10">
        <el-table-column
          :label="$t('harvestLang.orderNumber')"
          prop="orderNo"
          align="center"
          min-width="110"
        />
        <el-table-column
          :label="$t('goodsSKULang.boxNumber')"
          prop="boxCode"
          align="center"
        />
        <el-table-column
          :label="$t('goodsSKULang.weight') + '(KG)'"
          prop="boxWeight"
          align="center"
        />
        <el-table-column
          :label="$t('BoxVolume')"
          prop="boxSize"
          align="center"
        />
        <el-table-column
          :label="$t('BoxLength')"
          prop="boxLength"
          align="center"
        />
        <el-table-column
          :label="$t('BoxWidth')"
          prop="boxWidth"
          align="center"
        />
        <el-table-column
          :label="$t('BoxHeight')"
          prop="boxHeight"
          align="center"
        />
        <el-table-column
          label="SKU"
          prop="skuCode"
          align="center"
        />
        <!-- <el-table-column
          :label="$t('goodsSKULang.customCode')"
          prop=""
          align="center"
        /> -->
        <el-table-column
          :label="$t('goodsSKULang.skuName')"
          prop="skuName"
          align="center"
        />
        <el-table-column
          :label="$t('goodsSKULang.skuWeight') + '(KG)'"
          prop="skuWeight"
          align="center"
          min-width="110"
        />
        <el-table-column
          :label="$t('goodsSKULang.length')"
          prop="skuLength"
          align="center"
        />
        <el-table-column
          :label="$t('goodsSKULang.width')"
          prop="skuWidth"
          align="center"
        />
        <el-table-column
          :label="$t('goodsSKULang.height')"
          prop="skuHeight"
          align="center"
        />
        <el-table-column
          :label="$t('goodsSKULang.declaredName')"
          prop="declaredName"
          align="center"
        />
        <el-table-column
          :label="$t('goodsSKULang.declaredEnName')"
          prop="declaredEnName"
          align="center"
        />
        <el-table-column
          :label="$t('goodsSKULang.declaredPrice')"
          prop="declaredPrice"
          align="center"
        />
      </el-table>
    </el-dialog>
  </div>
</template>

<script>

export default {
  name: 'OrderBox',
  props: {
    visible: {
      type: Boolean,
      default: false
    },
    orderboxdata: {
      type: Array,
      default() {
        return []
      }
    }
  },
  data() {
    return {
    }
  },
  methods: {
    close() {
      this.$emit('close')
    },
    closed() {
      this.reset()
    },
    reset() {}
  }
}
</script>

<style></style>
